@property --Primitive--Red {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Green {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--White {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Red_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-error {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Red_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--shadow-lg {
  syntax: "*";
  inherits: true;
  initial-value:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
}
@property --UI-Styles--shadow-md {
  syntax: "*";
  inherits: true;
  initial-value:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
}
@property --UI-Styles--shadow-sm {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --UI-Styles--shadow-xl {
  syntax: "*";
  inherits: true;
  initial-value: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
}
@property --Primitive--Brand-blue {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Green_Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-success {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--shadow-2xl {
  syntax: "*";
  inherits: true;
  initial-value:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@property --Primitive--Green_Light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--shadow-base {
  syntax: "*";
  inherits: true;
  initial-value:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
}
@property --Primitive--Brand-purple {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-alternate {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--bg-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--text-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Styles--Border-width {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-lg {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.125rem;
}
@property --Typography--font-size-sm {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.875rem;
}
@property --Typography--font-size-xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.25rem;
}
@property --Typography--font-size-xs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.75rem;
}
@property --UI-Colors--text-tertiary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Darker {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-2xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.5rem;
}
@property --Typography--font-size-3xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1.875rem;
}
@property --Typography--font-size-4xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 2.25rem;
}
@property --Typography--font-size-5xl {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 3rem;
}
@property --Typography--font-size-xxs {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0.625rem;
}
@property --UI-Colors--border-primary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--text-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-blue_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-red_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Darkest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Lighter {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-size-base {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 1rem;
}
@property --Primitive--Brand-blue_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Neutral-Lightest {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --UI-Colors--border-secondary {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Primitive--Brand-purple_dark {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-weight-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 700;
}
@property --Typography--font-weight-thin {
  syntax: "<number>";
  inherits: true;
  initial-value: 100;
}
@property --Primitive--Brand-purple_light {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
@property --Typography--font-weight-black {
  syntax: "<number>";
  inherits: true;
  initial-value: 900;
}
@property --Typography--font-weight-light {
  syntax: "<number>";
  inherits: true;
  initial-value: 300;
}
@property --UI-Styles--Border-radius_full {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-bolder {
  syntax: "<number>";
  inherits: true;
  initial-value: 800;
}
@property --Typography--font-weight-normal {
  syntax: "<number>";
  inherits: true;
  initial-value: 500;
}
@property --UI-Styles--Border-radius_large {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --UI-Styles--Border-radius_small {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-lighter {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}
@property --Typography--font-weight-regular {
  syntax: "<number>";
  inherits: true;
  initial-value: 400;
}
@property --UI-Styles--Border-radius_medium {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@property --Typography--font-weight-semi-bold {
  syntax: "<number>";
  inherits: true;
  initial-value: 600;
}

  :host, :root {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-alternate: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #3c0a01;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Light);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #fddfd9;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Lighter);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .67rem;
  --UI-Styles--Border-radius_small: .167rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .33rem;
  --Typography--font-weight-semi-bold: 600;
}
  @media (prefers-color-scheme: dark) {
      :host, :root {
  --UI-Colors--bg-error: var(--Primitive--Red_dark);
  --UI-Colors--bg-primary: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-success: var(--Primitive--Green_Dark);
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Dark);
  --UI-Colors--bg-alternate: var(--Primitive--White);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Darker);
  --UI-Colors--text-primary: var(--Primitive--White);
  --UI-Colors--border-primary: var(--Primitive--Neutral-Dark);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Light);
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Darker);
}
    }
  @media (prefers-color-scheme: light) {
      :host, :root {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-alternate: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #3c0a01;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Light);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #fddfd9;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Lighter);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .67rem;
  --UI-Styles--Border-radius_small: .167rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .33rem;
  --Typography--font-weight-semi-bold: 600;
}
    }
  [data-nc-theme~="Dark"] {
  --UI-Colors--bg-error: var(--Primitive--Red_dark);
  --UI-Colors--bg-primary: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-success: var(--Primitive--Green_Dark);
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Dark);
  --UI-Colors--bg-alternate: var(--Primitive--White);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Darker);
  --UI-Colors--text-primary: var(--Primitive--White);
  --UI-Colors--border-primary: var(--Primitive--Neutral-Dark);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Light);
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Darker);
}
[data-nc-theme~="Default"] {
  --Primitive--Red: #F04438;
  --Primitive--Green: #17B26A;
  --Primitive--White: #ffffff;
  --Primitive--Neutral: #5e6366;
  --Primitive--Red_dark: #912018;
  --UI-Colors--bg-error: var(--Primitive--Red_light);
  --Primitive--Brand-red: #e5300b;
  --Primitive--Red_light: #FEE4E2;
  --UI-Styles--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --UI-Styles--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
  --Primitive--Brand-blue: #247af2;
  --Primitive--Green_Dark: #085D3A;
  --UI-Colors--bg-primary: var(--Primitive--White);
  --UI-Colors--bg-success: var(--Primitive--Green_Light);
  --UI-Styles--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --Primitive--Green_Light: #ECFDF3;
  --UI-Colors--bg-tertiary: var(--Primitive--Neutral-Lighter);
  --UI-Styles--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  --Primitive--Brand-purple: #b53df2;
  --Primitive--Neutral-Dark: #35393b;
  --UI-Colors--bg-alternate: var(--Primitive--Neutral-Darkest);
  --UI-Colors--bg-secondary: var(--Primitive--Neutral-Lightest);
  --UI-Colors--text-primary: var(--Primitive--Neutral-Darkest);
  --UI-Styles--Border-width: 1px;
  --Primitive--Neutral-Light: #d2d6db;
  --Typography--font-size-lg: 1.125rem;
  --Typography--font-size-sm: 0.875rem;
  --Typography--font-size-xl: 1.25rem;
  --Typography--font-size-xs: 0.75rem;
  --UI-Colors--text-tertiary: var(--Primitive--Neutral);
  --Primitive--Brand-red_dark: #3c0a01;
  --Primitive--Neutral-Darker: #151819;
  --Typography--font-size-2xl: 1.5rem;
  --Typography--font-size-3xl: 1.875rem;
  --Typography--font-size-4xl: 2.25rem;
  --Typography--font-size-5xl: 3rem;
  --Typography--font-size-xxs: 0.625rem;
  --UI-Colors--border-primary: var(--Primitive--Neutral-Light);
  --UI-Colors--text-secondary: var(--Primitive--Neutral-Dark);
  --Primitive--Brand-blue_dark: #0050bf;
  --Primitive--Brand-red_light: #fddfd9;
  --Primitive--Neutral-Darkest: #0a0c0d;
  --Primitive--Neutral-Lighter: #e5e7eb;
  --Typography--font-size-base: 1rem;
  --Primitive--Brand-blue_light: #66a6ff;
  --Primitive--Neutral-Lightest: #f3f4f6;
  --UI-Colors--border-secondary: var(--Primitive--Neutral-Lighter);
  --Primitive--Brand-purple_dark: #8513bf;
  --Typography--font-weight-bold: 700;
  --Typography--font-weight-thin: 100;
  --Primitive--Brand-purple_light: #d480ff;
  --Typography--font-weight-black: 900;
  --Typography--font-weight-light: 300;
  --UI-Styles--Border-radius_full: 100rem;
  --Typography--font-weight-bolder: 800;
  --Typography--font-weight-normal: 500;
  --UI-Styles--Border-radius_large: .67rem;
  --UI-Styles--Border-radius_small: .167rem;
  --Typography--font-weight-lighter: 200;
  --Typography--font-weight-regular: 400;
  --UI-Styles--Border-radius_medium: .33rem;
  --Typography--font-weight-semi-bold: 600;
}
    


@layer base {
  
  body, :host {
    /* Color */
    
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .cLsBKC {
      display:flex;
      background:var(--UI-Colors--bg-primary);
      max-height:100vh;
      overflow-x:hidden;
      overflow-y:scroll;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .XdGpg {
      width:100%;
      border:none;
      cursor:default;
      height:100%;
      z-index:1;
    }

    .eUlilO {
      top:0px;
      left:0px;
      width:100%;
      height:100%;
      z-index:888;
      position:absolute;
      overflow-x:hidden;
      overflow-y:hidden;
      pointer-events:none;
    }

    .egCiwG {
      left:0px;
      right:0px;
      z-index:888;
      position:absolute;
      max-width:100%;
      max-height:100%;
      margin-left:auto;
      aspect-ratio:1/1;
      margin-right:auto;
      pointer-events:none;
    }

    .SFWUO {
      color:var(--UI-Colors--text-primary);
      cursor:pointer;
      height:1.5rem;
      display:flex;
      opacity:.5;
      row-gap:.25rem;
      background:var(--Primitive--Brand-blue);
      column-gap:.25rem;
      align-items:center;
      padding-left:.5rem;
      padding-right:.5rem;
      flex-direction:row;
      justify-content:center;
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .SFWUO:hover {
      opacity:1;
    }

    .SFWUO.light-up {
      opacity:1;
    }

    .fCCJLR {
      width:100%;
      padding-left:.5rem;
      padding-right:.5rem;
    }

    .evsUZL {
      width:100%;
      height:100%;
      position:absolute;
    }

    .eVjNRq {
      flex:1;
      width:100%;
      height:100%;
      position:relative;
      max-width:100%;
      max-height:100%;
      overflow-x:hidden;
      overflow-y:scroll;
      align-items:center;
      justify-content:center;
      border-left-color:var(--UI-Colors--border-primary);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--UI-Colors--border-primary);
      border-right-style:solid;
      border-right-width:1px;
    }

    .cpkYhF {
      color:var(--UI-Colors--text-primary);
      width:2.5rem;
      height:2.5rem;
      display:flex;
      font-size:var(--Typography--font-size-base);
      background:var(--UI-Colors--bg-secondary);
      text-align:center;
      align-items:center;
      font-weight:var(--Typography--font-weight-normal);
      justify-content:center;
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .caYOpB {
      color:var(--UI-Colors--text-secondary);
      display:inline;
      font-size:var(--Typography--font-size-xs);
      max-width:100%;
      font-family:inherit;
      font-weight:inherit;
    }

    .bdyKZP {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .chfEDg {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      margin-left:auto;
      flex-direction:row;
      justify-content:flex-start;
    }

    .kLMAs {
      color:var(--UI-Colors--text-primary);
      width:2.5rem;
      cursor:pointer;
      height:2.5rem;
      display:flex;
      font-size:var(--Typography--font-size-base);
      background:var(--UI-Colors--bg-primary);
      text-align:center;
      align-items:center;
      font-weight:var(--Typography--font-weight-normal);
      justify-content:center;
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .cbJZUs {
      width:100%;
      position:static;
      max-width:800px;
      aspect-ratio:var(--aspect-ratio-calc);
    }

    .HXAth {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-base);
      font-family:inherit;
      font-weight:var(--Typography--font-weight-semi-bold);
    }

    .eetCrq {
      color:var(--UI-Colors--text-secondary);
      display:inline;
      font-size:var(--Typography--font-size-xxs);
      font-family:inherit;
      font-weight:inherit;
    }

    .euWvNB {
      width:100%;
      row-gap:.5rem;
      column-gap:.5rem;
      margin-top:.5rem;
    }

    .eeLIbO {
      color:var(--UI-Colors--text-secondary);
    }

    .CkhPr {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-top-right-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_fullx);
    }

    .CkhPr:hover {
      background:var(--UI-Colors--bg-error);
    }

    .ftknBI {
      top:auto;
      left:0px;
      right:0px;
      bottom:auto;
      cursor:crosshair;
      z-index:10;
      position:absolute;
      max-width:100%;
      background:transparent;
      max-height:100%;
      margin-left:auto;
      aspect-ratio:1/1;
      margin-right:auto;
    }

    .bIEyhz {
      flex:1;
      display:flex;
      row-gap:.5rem;
      flex-wrap:wrap;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .cCYXsI {
      width:100%;
    }

    .foVPzh {
      flex:1;
      width:100%;
      height:100%;
      position:relative;
      max-width:100%;
      max-height:100%;
      overflow-x:hidden;
      overflow-y:scroll;
      align-items:center;
      justify-content:flex-start;
      border-left-color:var(--UI-Colors--border-primary);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--UI-Colors--border-primary);
      border-right-style:solid;
      border-right-width:1px;
    }

    .YxHSu {
      color:var(--UI-Colors--text-primary);
      width:100%;
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      font-size:inherit;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:.5rem;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .YxHSu:hover {
      background:var(--UI-Colors--bg-primary);
    }

    .dWjbGL {
      position:static;
      max-width:100%;
      max-height:100%;
      aspect-ratio:1/1;
    }

    .dtqKy {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:flex-start;
      flex-direction:row;
      justify-content:start;
    }

    .eODQER {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .dIhyjp {
      color:var(--UI-Colors--text-primary);
      width:2.5rem;
      height:2.5rem;
      display:flex;
      font-size:var(--Typography--font-size-base);
      background:var(--UI-Colors--bg-primary);
      text-align:center;
      align-items:center;
      font-weight:var(--Typography--font-weight-normal);
      justify-content:center;
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .fkUSYg {
      width:100%;
      resize:none;
      max-width:100%;
      min-width:100%;
      min-height:2rem;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
    }

    .bXXnmd {
      width:100%;
      height:100%;
      display:flex;
      max-width:16rem;
      background:var(--UI-Colors--bg-primary);
      max-height:100%;
      transition:max-width 300ms ease;
      align-items:flex-start;
      justify-content:flex-start;
      border-right-color:var(--UI-Colors--border-secondary);
      border-right-style:solid;
      border-right-width:1px;
    }

    .bXXnmd.collapsed {
      display:flex;
      max-width:4rem;
      align-items:center;
      flex-direction:column;
      justify-content:flex-start;
    }

    @media (max-width: 500px) {

    .bXXnmd.collapsed {
      max-width:0px;
      overflow-x:hidden;
      overflow-y:hidden;
    }
    }

    @media (max-width: 500px) {

    .bXXnmd {
      max-width:100%;
    }
    }

    .cqfMeD {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .cqfMeD:hover {
      color:var(--UI-Colors--text-primary);
      background:var(--UI-Colors--bg-primary);
    }

    .dLtiBD {
      flex:1;
      color:var(--UI-Colors--text-primary);
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      z-index:2;
      animation:6s cubic-bezier(0.42, 0, 0.58, 1) infinite animation-cWOqIx;
      font-size:1rem;
      background:linear-gradient(var(--UI-Colors--bg-primary) 0%, var(--UI-Colors--bg-primary) 100%) padding-box padding-box, linear-gradient(var(--angle), var(--Primitive--Brand-red) 0%, var(--Primitive--Brand-purple) 50%, var(--Primitive--Brand-blue) 100%) border-box border-box;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      border-color:transparent;
      border-style:solid;
      border-width:1.5px;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .dLtiBD:hover {
      background:linear-gradient(var(--UI-Colors--bg-primary) 0%, var(--UI-Colors--bg-primary) 100%) padding-box padding-box, linear-gradient(var(--angle), var(--Primitive--Brand-red) 0%, var(--Primitive--Brand-purple) 50%, var(--Primitive--Brand-blue) 100%) border-box border-box;
    }

    @keyframes animation-cWOqIx {
        0% {
          --angle: 0deg;
        }

        100% {
          --angle: 360deg;
        }
    }

    .bruZoG {
      color:var(--UI-Colors--text-primary);
      opacity:.6;
    }

    .efzeiQ {
      top:1rem;
      color:var(--UI-Colors--text-secondary);
      right:1rem;
      cursor:pointer;
      z-index:999;
      position:fixed;
      padding-top:0.25rem;
      padding-left:0.25rem;
      padding-right:0.25rem;
      padding-bottom:0.25rem;
    }

    @media (min-width: 500px) {

    .efzeiQ {
      display:none;
    }
    }

    .bnwAzU {
      top:calc(100% - .5rem);
      left:0px;
      z-index:100;
      overflow:hidden;
      position:absolute;
      animation:slideDown 0.2s ease-out;
      min-width:100%;
      padding-top:1rem;
    }

    @keyframes slideDown {
        0% {
          opacity: 0;
        }

        0% {
          transform: translateY(-10px);
        }

        100% {
          opacity: 1;
        }

        100% {
          transform: translateY(0);
        }
    }

    .bcpXcb {
      width:max-content;
      display:inline-block;
      position:relative;
      max-width:100%;
    }

    .eRRIqk {
      color:var(--UI-Colors--text-primary);
      width:12px;
      height:12px;
      display:flex;
      transform:rotate(var(--rotation));
      transition:transform 0.2s ease;
      align-items:center;
      justify-content:center;
    }

    .cqjMht {
      gap:8px;
      color:var(--UI-Colors--text-primary);
      width:100%;
      cursor:pointer;
      display:flex;
      font-size:var(--Typography--font-size-base);
      max-width:100%;
      background:var(--UI-Colors--bg-primary);
      transition:border-color 0.2s ease, box-shadow 0.2s ease;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      border-color:var(--UI-Colors--border-primary);
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:space-between;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .cqjMht:hover {
      border-color:var(--UI-Colors--border-secondary);
    }

    .cqjMht:focus {
      outline:2px solid #0066cc;
      outline-offset:2px;
    }

    .fFPocS {
      background:var(--UI-Colors--bg-primary);
      padding-top:.5rem;
      border-color:var(--UI-Colors--border-primary);
      border-style:solid;
      border-width:1px;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .eyAmaz {
      width:100%;
      height:100%;
    }

    .ebXoph {
      flex:1;
      color:var(--UI-Colors--text-primary);
      font-size:var(--Typography--font-size-base);
      text-align:left;
      font-family:inherit;
      font-weight:var(--Typography--font-weight-regular);
      white-space:normal;
    }

    .cqfJjV {
      color:var(--UI-Colors--text-primary);
      width:100%;
      border:none;
      cursor:pointer;
      display:flex;
      font-size:var(--Typography--font-size-base);
      background:transparent;
      text-align:left;
      transition:background 0.1s ease;
      font-family:inherit;
      padding-top:.5rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:.5rem;
    }

    .cqfJjV:hover {
      background:var(--UI-Colors--bg-secondary);
    }

    .cqfJjV:focus {
      outline:none;
      background:var(--UI-Colors--bg-tertiary);
    }

    .coqEvH {
      top:0px;
      left:0px;
      width:100%;
      height:100vh;
      display:flex;
      row-gap:1rem;
      position:sticky;
      column-gap:1rem;
      overflow-y:scroll;
      align-items:center;
      padding-top:2rem;
      padding-left:1rem;
      padding-right:1rem;
      flex-direction:column;
      padding-bottom:2rem;
      justify-content:flex-start;
    }

    .coqEvH.collapsed {
      max-width:4rem;
      padding-left:.5rem;
      padding-right:.5rem;
    }

    .eKKxTu {
      color:text;
    }

    .eKtRIo {
      width:100%;
      row-gap:2px;
      column-gap:2px;
    }

    .XoKbd {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .XoKbd.selected {
      background:var(--UI-Colors--bg-primary);
    }

    .XoKbd:hover {
      background:var(--UI-Colors--bg-primary);
    }

    .XoKbd.collapsed {
      display:flex;
      align-items:center;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.75rem;
      justify-content:center;
    }

    .fgzTSp {
      color:var(--UI-Colors--text-primary);
      opacity:.6;
    }

    .fgzTSp.selected {
      opacity:1;
    }

    .cOwAha {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-xs);
      font-family:inherit;
      font-weight:var(--Typography--font-weight-semi-bold);
      margin-left:auto;
    }

    .cUQePX {
      width:100%;
      margin-top:auto;
    }

    .EOaac {
      width:100%;
      display:flex;
      align-items:center;
      flex-direction:row;
      justify-content:space-between;
    }

    .EOaac.collapsed {
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:column-reverse;
      justify-content:flex-start;
    }

    .coWOAi {
      color:inherit;
    }

    .dkSBME {
      width:100%;
      row-gap:.5rem;
      column-gap:.5rem;
    }

    .fFyinO {
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      font-family:inherit;
      padding-top:.5rem;
      padding-left:.875rem;
      padding-right:.875rem;
      flex-direction:row;
      padding-bottom:.5rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .fFyinO:hover {
      background:var(--UI-Colors--bg-primary);
    }

    .fFyinO.collapsed {
      display:flex;
      align-items:center;
      padding-top:.75rem;
      padding-left:.75rem;
      padding-right:.75rem;
      padding-bottom:.75rem;
      justify-content:center;
    }

    .uiPzo {
      color:var(--UI-Colors--text-primary);
    }

    .side-navigation\:sKKw5Z0poVuR8pTiusN_B {
      height:2rem;
    }

    .canvas-commentor\:EBkB1qIged4hOwTZNuguS {
      top:0px;
      left:0px;
      bottom:0px;
      z-index:999;
      position:static;
      max-height:100%;
    }

    .bGOMIX {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:var(--Typography--font-size-sm);
      font-family:inherit;
      font-weight:inherit;
    }

    .cCcTt {
      width:100%;
      display:flex;
      align-items:flex-start;
      flex-direction:row;
      justify-content:space-between;
    }

    .fvIEhQ {
      flex:1;
      padding-top:.5rem;
      padding-bottom:.5rem;
    }

    .fpcnqy {
      display:inline;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
    }

    .cnkpyP {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      padding-top:0.25rem;
      padding-left:0.25rem;
      padding-right:0.25rem;
      padding-bottom:0.25rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-top-right-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_fullx);
    }

    .cnkpyP:hover {
      background:var(--UI-Colors--bg-tertiary);
    }

    .cdYnVQ {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      border-top-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-top-right-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_fullx);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_fullx);
    }

    .cdYnVQ:hover {
      background:var(--UI-Colors--bg-error);
    }

    .fmprRD {
      width:100%;
      row-gap:1rem;
      column-gap:1rem;
      border-top-color:var(--UI-Colors--border-primary);
      border-top-style:solid;
      border-top-width:1px;
    }

    .drtUvZ {
      width:100%;
      row-gap:.5rem;
      column-gap:.5rem;
      padding-top:1rem;
      padding-bottom:1rem;
      border-bottom-color:var(--UI-Colors--border-primary);
      border-bottom-style:solid;
      border-bottom-width:1px;
    }

    .kjSqp {
      top:var(--y-inset);
      left:var(--x-inset);
      color:var(--UI-Colors--text-primary);
      width:20rem;
      display:flex;
      row-gap:.5rem;
      position:absolute;
      font-size:12px;
      max-width:var(--max-width);
      background:var(--UI-Colors--bg-secondary);
      column-gap:.5rem;
      align-items:flex-start;
      font-weight:600;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      pointer-events:auto;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .cgchHg {
      top:0px;
      left:0px;
      right:0px;
      width:100%;
      z-index:888;
      position:absolute;
      max-width:800px;
      margin-left:auto;
      aspect-ratio:var(--aspect-ratio-calc);
      margin-right:auto;
      pointer-events:none;
    }

    .inga-d {
      color:var(--UI-Colors--text-primary);
      width:2rem;
      height:2rem;
      display:flex;
      font-size:var(--Typography--font-size-base);
      background:var(--UI-Colors--bg-primary);
      text-align:center;
      align-items:center;
      font-weight:var(--Typography--font-weight-normal);
      justify-content:center;
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .buKDVK {
      width:100%;
      display:flex;
      row-gap:.5rem;
      column-gap:.5rem;
      align-items:center;
      flex-direction:row;
      justify-content:flex-start;
    }

    .buKDVK.overflow {
      flex-direction:row;
      justify-content:space-between;
    }

    .bckfNa {
      width:100%;
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      background:var(--UI-Colors--bg-primary);
      column-gap:.5rem;
      align-items:flex-start;
      padding-top:1rem;
      border-color:transparent;
      border-style:solid;
      border-width:1px;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-start;
      border-top-left-radius:var(--UI-Styles--Border-radius_medium);
      border-top-right-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_medium);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_medium);
    }

    .bckfNa:hover {
      border-color:var(--UI-Colors--border-primary);
      border-style:solid;
      border-width:1px;
    }

    .bcSspn {
      top:var(--y-inset);
      left:var(--x-inset);
      color:var(--UI-Colors--text-primary);
      cursor:pointer;
      display:flex;
      row-gap:.5rem;
      position:absolute;
      font-size:12px;
      background:var(--UI-Colors--bg-secondary);
      column-gap:.5rem;
      align-items:flex-start;
      font-weight:600;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
      pointer-events:auto;
      justify-content:flex-start;
      border-top-left-radius:0rem;
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .bcSspn.overflow {
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:0px;
    }

    .bIxMyz {
      color:var(--UI-Colors--text-primary);
      display:inline;
      font-size:inherit;
      text-align:left;
      font-family:inherit;
      font-weight:inherit;
    }

    .bfDSGs {
      top:0px;
      right:0px;
      width:20rem;
      height:100vh;
      row-gap:.5rem;
      position:static;
      font-size:inherit;
      background:var(--UI-Colors--bg-secondary);
      column-gap:.5rem;
      overflow-y:scroll;
      transition:all 300ms ease;
      align-items:center;
      font-family:inherit;
      font-weight:inherit;
      padding-top:1rem;
      padding-left:1rem;
      padding-right:1rem;
      padding-bottom:1rem;
      justify-content:flex-start;
      border-left-color:var(--UI-Colors--border-primary);
      border-left-style:solid;
      border-left-width:1px;
    }

    .bfDSGs.hide {
      width:5rem;
      padding-left:.75rem;
      padding-right:.75rem;
    }

    @media (max-width: 500px) {

    .bfDSGs {
      padding-top:3rem;
    }
    }

    .cFbrxq {
      width:100%;
      cursor:crosshair;
      z-index:10;
      position:absolute;
      max-width:800px;
      background:transparent;
      margin-left:auto;
      aspect-ratio:var(--aspect-ratio-calc);
      margin-right:auto;
      pointer-events:var(--overlay-pointer-event);
    }

    .cMlyGC {
      flex:1;
      width:auto;
      height:100vh;
      overflow:hidden;
      position:relative;
      max-width:var(--width);
      border-left-color:var(--UI-Colors--border-primary);
      border-left-style:solid;
      border-left-width:1px;
      border-right-color:var(--UI-Colors--border-primary);
      border-right-style:solid;
      border-right-width:1px;
    }

    .ltnYo {
      color:var(--UI-Colors--text-secondary);
      cursor:pointer;
      font-size:inherit;
      font-family:inherit;
      font-weight:inherit;
      margin-left:auto;
      padding-top:.5rem;
      padding-left:.5rem;
      padding-right:.5rem;
      padding-bottom:.5rem;
    }

    .ltnYo:hover {
      background:var(--UI-Colors--bg-error);
      border-top-left-radius:var(--UI-Styles--Border-radius_full);
      border-top-right-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-left-radius:var(--UI-Styles--Border-radius_full);
      border-bottom-right-radius:var(--UI-Styles--Border-radius_full);
    }

    .QVxVm {
      position:static;
      max-width:100%;
      background:var(--UI-Colors--bg-secondary);
      max-height:100%;
      object-fit:contain;
      aspect-ratio:1/1;
      border-color:var(--UI-Colors--border-primary);
      border-style:solid;
      border-width:1px;
    }